<template>
  <h1>今天中午吃什么{{info}}</h1>
  <p>{{info}}</p>
  <!--渲染文本内容-->
  <p v-text="info"></p>
  <!--渲染html元素-->
  <p v-html="info"></p>
  <button @click="f">点我变美</button>



</template>

<script setup>
import {ref} from "vue";
//1.响应式变量
const info=ref("我是lkp")
const f=()=>{
  info.value="已<b>变美</b>"
}
</script>

<style scoped>

</style>